import Vue from 'vue';
import VuePreview from 'vue-preview';

// 导入mint ui
import Mint from 'mint-ui';
import 'mint-ui/lib/style.css';
// 导入vue-resource
import VueResource from 'vue-resource';

// 导入格式化时间插件
import moment from 'moment';

import App from './App';
// 导入router.js
import router from './router';
// 导入store.js
import store from './store/store';
// 导入mui 样式
import './lib/mui/css/mui.min.css';
import './lib/mui/css/icons-extra.css';

Vue.use(VueResource);
Vue.http.options.root = 'http://www.liulongbin.top:3005';
Vue.http.options.emulateJSON = true;

Vue.config.productionTip = false;
// 引入全部mint ui组件
Vue.use(Mint);

// 定义全局 格式化时间 过滤器
Vue.filter('dateFormat', (dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') => moment(dataStr).format(pattern));

// 引入vue-preview
// defalut install
Vue.use(VuePreview, {
  mainClass: 'pswp--minimal--dark',
  barsSize: { top: 0, bottom: 0 },
  captionEl: false,
  fullscreenEl: false,
  shareEl: false,
  bgOpacity: 0.85,
  tapToClose: true,
  tapToToggleControls: false,
});
// // with parameters install
// Vue.use(preview, {
//   mainClass: 'pswp--minimal--dark',
//   barsSize: {top: 0, bottom: 0},
//   captionEl: false,
//   fullscreenEl: false,
//   shareEl: false,
//   bgOpacity: 0.85,
//   tapToClose: true,
//   tapToToggleControls: false
// });
/* eslint-disable no-new */
new Vue({
  el: '#app',
  router, // 挂载路由对象到实例上
  store,
  render: h => h(App),
});
